Wireframe, Mockup, Prototype

• 也許跟你的有出入，但根據我自己學習吸收的定義
  • Wireframe，沒有花花綠綠的 UI，以呈現使用者介面的結構為主，這個我們是讓 產品經理 的角色來做
  • Mockup，以呈現使用者介面外觀為主，這個我們是讓 設計師 來做
  • Prototype，早期版本，以互動為主，結合前兩者
• 我想說的是，我們其實直接做 Prototype，因為我們小團隊是一人擔任多重角色
• 只好給你們看一下 0.0.1 時畫面長怎麼樣
  

如果你看完上面那張圖還沒走掉，我真心謝謝你XD

• 總之你可以從那張圖看到只有幾個直男工程師直接 Prototyping 會怎麼樣
• 不過至少他被實現出來了，我印象這是後端啟動後兩個禮拜，前端啟動後一個禮拜的成果
• 操作流邏輯流資料流已經打通，然後我們就開始根據調研的結果決定 MVP 要有什麼功能，給設計看我們的原型，請她重新設計
• 這邊也來給你們看當時設計給回來 MVP 的稿
  
• 相比之下是不是美若天仙呀 XDD，我們在設計做這個圖的時候就抓緊時間把前端後端整理整理，當這些設計圖一回來，用一到兩個 Sprint 去做出 MVP
• 所以算了一算，其實 MVP 只有兩個 Sprint，大概一個月左右做出來，不知道你們有沒有抓到這個節奏感😝

✌️ 那麼第四天到這邊囉，明天來講 -> API 設計，API Design

相關資訊

• $_purefunc 純函式公司
• FooTinder App站
• FooTinder App 下載連結